<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>招聘简历</title>
    <link rel="stylesheet" type="text/css" href="../css/common.css">
    <link rel="stylesheet" type="text/css" href="../css/resume.css">
</head>
<body>
    <div class="resume">
        <header>
            <div class="back">
                <a class="back-btn" href="javascript:;">返回</a>
                <a class="close-btn" href="javascript:;">关闭</a>
            </div>
            <h1>简历登记</h1>
            <div class="action">
                <a href="javascript:;">...</a>
            </div>
        </header>
        <main>
            <div class="top">
                <img src="../img/publish.png" />
                <span>登记简历，可以第一时间掌握适合你的工作！</span>
            </div>
            <div class="form">
                <div class="name">
                    <label for="">姓名</label>
                    <input type="text" placeholder="请填写真实姓名" />
                </div>
                <div class="sex">
                    <label for="">性别</label>
                    <div>
                        <a class="man" href="javascript:;">
                            <i></i>
                            <input type="button" value="男" />
                        </a>
                        <a class="woman" href="javascript:;">
                            <i></i>
                            <input type="button" value="女" />
                        </a>
                    </div>
                </div>
                <div class="birth">
                    <label for="">出生年份</label>
                    <input type="text" />
                </div>
                <div class="job">
                    <label for="">期望职位</label>
                    <input type="text">
                </div>
                <div class="address">
                    <label for="">工作地点</label>
                    <input type="text" value="响水镇" />
                </div>
                <div class="phone">
                    <label for="">手机号码</label>
                    <input type="number" placeholder="请填写手机号码">
                </div>
                <div class="verification">
                    <input type="number" placeholder="请输入验证码" />
                    <input type="button" value="获取验证码" />
                </div>
            </div>
            <div class="attach">
                <label for="">其他介绍<span>（0/100字）</span></label>
                <textarea name="" id="" placeholder="选填，点击标签可快速输入"></textarea>
            </div>
        </main>
        <footer>
            <input type="button" value="完成" />
        </footer>
    </div>

    <script>
        // 适配
        var scale = 1 / window.devicePixelRatio
        document
            .querySelector('meta[name="viewport"]')
            .setAttribute('content', 'width=device-width,initial-scale=' + scale + ', user-scalable=no')

        document.documentElement.style.fontSize = document.documentElement.clientWidth / 10 + 'px'
    </script>
</body>
</html>